export function router(){
    //获取url
    const url = new URL(location.href);
    const route = url.pathname;

    // 如果路由不存在，默认跳转到首页
    if (!Router[route]) {
        window.history.replaceState({}, '', '/');
        return Router['/'].html;
    }

    Router[route].import();
    return Router[route].html;
}

// 初始化路由监听
export function initRouter() {
    // 监听浏览器前进后退按钮
    window.addEventListener('popstate', () => {
        updateContent();
    });
    
    // 监听自定义路由变化事件
    window.addEventListener('route-change', () => {
        updateContent();
    });
}

// 更新页面内容
function updateContent() {
    // RightBody组件现在自己处理内容更新
    // 这个函数主要用于触发事件，实际更新由各组件自己处理
}

const Router = {
    "/" : {
        import : ()=>{ import("../index/CustomContent/index.js") },
        html : '<custom-content></custom-content>',
    },
    "/recommend" : {
        import : ()=>{ import("../index/Recommend/index.js") },
        html : '<menu-recommend></menu-recommend>',
    },
    "/follow" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>关注页面</h2><p>功能开发中...</p></div>',
    },
    "/friends" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>朋友页面</h2><p>功能开发中...</p></div>',
    },
    "/mine" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>我的页面</h2><p>功能开发中...</p></div>',
    },
    "/live" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>直播页面</h2><p>功能开发中...</p></div>',
    },
    "/cinema" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>放映厅页面</h2><p>功能开发中...</p></div>',
    },
    "/quotes" : {
        import : ()=>{ 
            // 暂时使用推荐页面作为占位符
            import("../index/Recommend/index.js") 
        },
        html : '<div style="color: white; padding: 20px; text-align: center;"><h2>短句页面</h2><p>功能开发中...</p></div>',
    },
}